<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>
      Three.js TypeScript Tutorials by Sean Bradley : https://sbcode.net/threejs
    </title>
  </head>

  <body>
    <div id="spinner"></div>
    <div id="instructions" style="display: none">
      <h1>Obstacle Course</h1>
      <h2>Part 1</h2>
      <p>Get to the end and be the best</p>
      <kbd>W</kbd>&nbsp;<kbd>A</kbd>&nbsp;<kbd>S</kbd>&nbsp;<kbd>D</kbd> to move
      <br />
      <kbd>SPACE</kbd> to jump.
      <br />
      <br />
      <button id="startButton">Click To Play</button>
      <p>
        'Eve' model and animations from
        <a
          href="https://www.mixamo.com"
          target="_blank"
          rel="nofollow noreferrer"
          >Mixamo</a
        >
      </p>
    </div>
    <script type="module" src="/src/main.ts"></script>
  </body>
</html>
